<div class="modal-bg" appDebounceClick (debounceClick)="dismissClick()">
  <div class="auto-height"
      [ngClass]="{'bottom-modal': cssClass === 'bottom'}"
      appDebounceClick (debounceClick)="onCancelClick($event)" [ngStyle]="cssStyle | styleFilter">
    <div class="ms-bg">
      <div class="nav">
        <img src="assets/fw/mscode_close.png" alt="" class="closeModal" appDebounceClick (debounceClick)="dismissClick()">
        <span class="none"></span>
        <span class="skip" *ngIf="item.needMsCode === '2'" appDebounceClick (debounceClick)="dismissClick(0)">跳过</span >
      </div>
      <p class="label">验证手机号码</p>
      <p class="phone">短信验证码已发送至{{phone}}</p>
      <div class="input-bg">
        <ion-input class="item-input" required type="number"
        onkeyup="value=value.replace(/[^\d\.]/g,'')" onafterpaste="if((value===''))execCommand('undo')"
        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
        (ionChange)="changeValue($event)" [value]="code"  [maxlength]=4
  
            placeholder="请输入6位验证码" ></ion-input>
          <button class="end" *ngIf="time>-1" [disabled]="time>-1"
            [ngClass]="{'lightgrey':time>-1}">({{time}})秒之后重新获取</button>
          <button class="end" *ngIf="time===-1" appDebounceClick (debounceClick)="getVC()">获取验证码</button>
      </div>

      

    </div>

  </div>
</div>